      <template>
      	<!-- 抖音投放链接 -->
      	<view class="page-body">
      		<!-- 页面内容开始 -->

      		<!-- 表格搜索组件开始 -->
      		<vk-data-table-query v-model="queryForm1.formData" :columns="queryForm1.columns" @search="search">
      		</vk-data-table-query>
      		<!-- 表格搜索组件结束 -->

      		<!-- 自定义按钮区域开始 -->
      		<view v-if="showAddBtn">
      			<el-row>
      				<el-button type="success" size="small" icon="el-icon-circle-plus-outline"
      					@click="addBtn()">添加</el-button>
      				<!-- 批量操作 -->
      				<el-button type="success" size="small" style="margin-left: 20rpx;"
      					icon="el-icon-circle-plus-outline" @click="batchaddBtn">批量添加链接
      				</el-button>
      			</el-row>
      		</view>
      		<!-- 自定义按钮区域结束 -->


      		<!-- 表格组件开始 -->
      		<vk-data-table ref="table1" :action="table1.action" :columns="table1.columns"
      			:query-form-param="queryForm1" :right-btns="['detail_auto','update','delete','more']"
      			:right-btns-more="table1.rightBtnsMore" :row-no="true" :pagination="true"
      			:data-preprocess="table1.dataPreprocess" @update="updateBtn" :selection="true" @delete="deleteBtn"
      			@current-change="currentChange" @selection-change="selectionChange" :border="true" :stripe="true">
      		</vk-data-table>
      		<!-- 表格组件结束 -->
      		<!-- 批量添加的弹窗开始 -->
      		<vk-data-dialog v-model="form2.props.show" :title="form2.props.title" width="700px" mode="form"
      			:close-on-click-modal="false" @closed="refresh();">
      			<vk-data-form v-model="form2.data" :rules="form2.props.rules" :action="form2.props.action"
      				:form-type="form2.props.formType" :columns='form2.props.columns' label-width="160px"
      				@success="form2.props.show = false;refresh();">
      				<template v-slot:footer="{ loading }">
      					<view style="text-align: center;">
      						<el-button :loading="loading" type="danger"
      							style="padding: 10px 40px;margin-right: 30px; " @click="form2.props.show=false"> 取消
      						</el-button>
      						<el-button :loading="loading" type="success" style="padding: 10px 40px; "
      							@click="batchAdd(form2.data)"> 确定
      						</el-button>
      					</view>
      				</template>
      			</vk-data-form>
      		</vk-data-dialog>
      		<!-- 批量添加的弹窗结束 -->

      		<!-- 添加或编辑的弹窗开始 -->
      		<vk-data-dialog v-model="form1.props.show" :title="form1.props.title" width="700px" mode="form"
      			:close-on-click-modal="false">
      			<vk-data-form v-model="form1.data" :rules="form1.props.rules" :action="form1.props.action"
      				:form-type="form1.props.formType" :columns='form1.props.columns' label-width="160px"
      				@success="form1.props.show = false;refresh();"></vk-data-form>
      		</vk-data-dialog>
      		<!-- 添加或编辑的弹窗结束 -->


      		<!-- 回传方案设置 -->
      		<el-dialog title="查看回传方案" :visible.sync="dialogVisible2" width="1200px" :before-close="handleClose2"
      			:destroy-on-close="true" :center="true" :close-on-click-modal="false">
      			<el-divider></el-divider>
      			上次修改时间：{{time}}
      			<el-divider></el-divider>
      			<view class="">
      				<text style="color: red;">此处仅供查看回传配置,不支持修改</text>
      			</view>

      			<view style="padding: 20px 0;">
      				<el-switch v-model="huichuan.newuser" inactive-text="仅回传当日新用户的订单" disabled>
      				</el-switch>
      			</view>

      			<view style="padding: 20px 0;" v-if="!huichuan.newuser">
      				回传用户
      				<vk-data-input-number v-model="huichuan.hour_backhaul" width="100px" :precision="0"
      					placeholder="请输入数字" readonly></vk-data-input-number>小时内的所有充值
      			</view>



      			<!-- 	<view class="">
      				<el-switch v-model="huichuan.firstorder" disabled inactive-text="仅回传用户的第一笔订单">
      				</el-switch>
      			</view> -->

      			<el-divider></el-divider>


      			<view style="margin-top: 15px;width: 800px;">
      				<view style="font-size: 15rpx;color: grey;">当选择【循环回传比例】时,左侧值为上报,右侧值为不上报.
      					例:若循环回传比为1:2,就是第1笔上报,第2、3笔不上报,第4笔上报,第5、6笔不上报,如此循环.
      					<br />开启【循环回传比例】时，建议关闭【仅回传当日新用户的订单】，【仅回传用户的第一笔订单】这两项，否则会影响循环比例的准确性
      				</view>
      			</view>

      			<view class="container">
      				<view class="jihua">
      					冷启动保护：<text style="color: red;">每个广告计划</text>
      					每日先回传
      					<vk-data-input-number placeholder="" v-model="huichuan.lqdhcbs" readonly width="80px"
      						class="center-align-number" />笔

      				</view>
      				<view style="display: flex;">
      					<text style="font-size: 30rpx;margin: 20rpx;">扣量配置：用户在投放链接维度下，按照金额项</text>
      					<!-- 	<button type="primary" @click="addRange"
      						style="width: 120rpx;height: 60rpx;font-size: 10px;margin-left: 40rpx;">+新增</button> -->
      				</view>
      				<view v-for="(item, index) in amountRanges" :key="index" class="amount-range">
      					<view class="amount-input">

      						<!-- 	<button type="warn" size="mini" @click="deleteRange(index)"
      							style="width: 120rpx;height: 60rpx;font-size: 10px;margin-left: 60rpx;line-height: 60rpx;">删除</button> -->
      						<view class="amountput">
      							<vk-data-input-number width="100px" placeholder="" v-model="item.startAmount"
      								readonly />
      							<text>元至</text>
      							<vk-data-input-number width="100px" placeholder="" v-model="item.endAmount"
      								readonly />
      							<text>元</text>

      						</view>
      					</view>
      					<view class="options">
      						<el-radio-group v-model="item.radio" style="display: flex;align-items: center;" disabled>
      							<el-radio :label="1">全部回传</el-radio>
      							<el-radio :label="2">全部不会传</el-radio>
      							<el-radio :label="3">自定义</el-radio>

      							<view class="amountputmm" v-if="item.radio==3">
      								<view style="font-size: 30rpx;">传</view>
      								<vk-data-input-number width="100px" placeholder="" v-model="item.startnum"
      									readonly />
      								<view style="font-size: 30rpx;">漏</view>
      								<vk-data-input-number width="100px" placeholder="" v-model="item.endnum"
      									readonly />
      							</view>
      							<view class="">

      							</view>
      							<!-- 	<view style="display: flex;">
									<text style="font-size: 30rpx;margin: 20rpx;">金额区间订单笔数：{{item.proportion_value}}</text>
									<! 	<button type="primary" @click="addRange"
										style="width: 120rpx;height: 60rpx;font-size: 10px;margin-left: 40rpx;">+新增</button> -->
      							<!-- </view> -->

      						</el-radio-group>
      					</view>
      				</view>

      			</view>

      			<view style="padding: 2% 20%;">
      				<el-button type="primary" @click="saveRebackPercent">关闭</el-button>
      			</view>

      		</el-dialog>


      		<el-dialog title="监测链接复制" :visible.sync="dialogVisible4" width="700px" :before-close="handleClose4"
      			:destroy-on-close="true" :center="true" :close-on-click-modal="false">

      			<el-button type="success" size="small" @click="douyin">抖音监测链接</el-button>

      			<el-button type="success" size="small" @click="kuaishou">快手监测链接</el-button>

      			<el-button type="success" size="small" @click="tengxun">腾讯监测链接</el-button>
      			<el-button type="success" size="small" @click="baidu">百度监测链接</el-button>
      		</el-dialog>

      		<!-- 弹窗投放链接今日实时数据开始 -->
      		<el-dialog title="投放链接数据预览" :visible.sync="dialogVisible1" width="70%" :before-close="handleClose"
      			:destroy-on-close="true" :center="true" :close-on-click-modal="false">
      			<view>
      				<view style="margin: 20px 0 0 20px;font-size: 40rpx;font-weight: bold;">今日数据</view>
      				<view style="margin: 0 15px;">
      					<view style="display: flex;flex-wrap: wrap;">
      						<view class="topbox">
      							<text style="color: gray;">新增用户数
      								<el-tooltip class="item" effect="dark" content="今日新增的人数" placement="top-end">
      									<i style="margin-left: 30rpx;" class="vk-icon-question"></i>
      								</el-tooltip>
      							</text>
      							<view class="numstyle">{{new_add_user||0}}</view>
      						</view>
      						<view class="topbox">
      							<text style="color: gray;">新用户充值金额
      								<el-tooltip class="item" effect="dark" content="今日新增用户付费的金额" placement="top-end">
      									<i style="margin-left: 30rpx;" class="vk-icon-question"></i>
      								</el-tooltip>
      							</text>
      							<view class="numstyle">¥{{new_users_moneysum||0}}</view>
      						</view>
      						<view class="topbox">
      							<text style="color: gray;">新用户充值人数
      								<el-tooltip class="item" effect="dark" content="今日新增用户中付费的人数" placement="top-end">
      									<i style="margin-left: 30rpx;" class="vk-icon-question"></i>
      								</el-tooltip>
      							</text>
      							<view class="numstyle">{{newUsers_payNumber||0}}</view>

      						</view>
      						<view class="topbox">
      							<text style="color: gray;">新用户付费率
      								<el-tooltip class="item" effect="dark" content="新用户充值人数/新增用户" placement="top-end">
      									<i style="margin-left: 30rpx;" class="vk-icon-question"></i>
      								</el-tooltip>
      							</text>
      							<view class="numstyle">{{newUsers_rate||0}}%</view>

      						</view>
      						<view class="topbox">
      							<text style="color: gray;">新用户人均充值
      								<el-tooltip class="item" effect="dark" content="新用户充值金额/新增用户数"
      									placement="top-end">
      									<i style="margin-left: 30rpx;" class="vk-icon-question"></i>
      								</el-tooltip>
      							</text>
      							<view class="numstyle">￥{{newUsers_pcr||0}}</view>
      						</view>
      						<view class="topbox">
      							<view style="color: gray;">充值金额</view>
      							<view class="numstyle">¥{{today_Recharge_amount||0}}</view>
      						</view>
      						<view class="topbox">
      							<text style="color: gray;">充值笔数</text>
      							<view class="numstyle">
      								{{today_recharges_Number||0}}
      							</view>
      						</view>
      						<view class="topbox">
      							<text style="color: gray;">笔单价
      								<el-tooltip class="item" effect="dark" content="充值金额/充值笔数" placement="top-end">
      									<i style="margin-left: 30rpx;" class="vk-icon-question"></i>
      								</el-tooltip>
      							</text>
      							<view class="numstyle">
      								{{today_unit_price||0}}
      							</view>
      						</view>
      						<view class="topbox">
      							<text style="color: gray;">新用户付费平均值</text>
      							<view class="numstyle">
      								{{newUsers_pjnumbuer || 0}}
      							</view>
      						</view>

      					</view>
      				</view>
      			</view>

      			<span slot="footer" class="dialog-footer">
      				<el-button @click="dialogVisible1 = false">关 闭</el-button>
      			</span>
      		</el-dialog>
      		<!-- 弹窗投放链接今日实时数据结束 -->
      		<!-- 预览充值面板开始页面-->
      		<el-dialog title="预览充值面板页面" :visible.sync="dialogVisible9" width="500px" :before-close="handleClose9"
      			:destroy-on-close="true" :center="true" :close-on-click-modal="false">
      			<view class="boxTemplate">
      				<view v-for="(item,index) in this.preview_recharge_plan" :key="index" style="margin-left: 10rpx;">
      					<!-- @click="createOrder(item,index)" -->
      					<view class="Scheme">
      						<view class="Schemecontentss"
      							v-if="item.subject == '月度会员' || item.subject == '季度会员' || item.subject == '年度会员'"
      							@click="newRecharge(item,index)">
      							<view class="Judge">{{item.zdytext? item.zdytext:item.subject}}</view>
      							<view class="RechargeAmount">￥{{item.recharge_amount / 100}}</view>
      							<view class="RechargeText">{{item.recharge_text}}</view>
      						</view>
      						<view class="Schemecontentss" v-else-if="item.subject == '单剧会员'"
      							@click="newRecharge(item,index)">
      							<view class="Judge">{{item.zdytext? item.zdytext:"解锁全集"}}</view>
      							<view class="RechargeAmount">￥{{item.recharge_amount / 100}}</view>
      							<view class="RechargeText">{{item.recharge_text}}</view>
      						</view>
      						<view class="Schemecontentss" v-else-if="item.subject == '自定义会员'"
      							@click="newRecharge(item,index)">
      							<view class="Judge">{{item.zdytext? item.zdytext:"VIP会员"}}</view>
      							<view class="RechargeAmount">￥{{item.recharge_amount / 100}}</view>
      							<view class="RechargeText">{{item.recharge_text}}</view>
      						</view>
      						<view class="Schemecontent" v-else-if="item.judge == true  "
      							@click="newRecharge(item,index)">
      							<view class="Judge">{{item.zdytext}}</view>
      							<view class="RechargeAmount">￥{{item.recharge_amount / 100}}</view>
      							<view class="GiveBean" v-if="item.give_bean">多送{{item.give_bean}}豆</view>
      							<view class="RechargeText">{{item.recharge_text}}</view>
      							<view class="PercentageUser">{{item.percentage_user || 99}}%的用户选择</view>
      						</view>

      						<view class="Schemecontent" v-else-if="item.judge == false  "
      							@click="newRecharge(item,index)">
      							<view class="Judge">{{item.zdytext}}</view>
      							<view class="RechargeAmount">￥{{item.recharge_amount / 100}}</view>
      							<view class="GiveBean" v-if="item.give_bean">多送{{item.give_bean}}豆</view>
      							<view class="RechargeText">{{item.recharge_text}}</view>
      						</view>

      					</view>
      				</view>
      			</view>


      			<span slot="footer" class="dialog-footer">
      				<el-button @click="dialogVisible9 = false">关 闭</el-button>
      			</span>
      		</el-dialog>
      		<!-- 预览充值面板结束页面 -->
      		<!-- 页面内容结束 -->
      	</view>
      </template>

      <script>
      	var that; // 当前页面对象
      	var vk = uni.vk; // vk实例
      	var originalForms = {}; // 表单初始化数据
      	const db = uniCloud.database();
      	export default {
      		data() {
      			// 页面数据变量
      			return {
      				time: '',

      				amountRanges: [{
      					startAmount: 0,
      					endAmount: 99999,
      					radio: 1,
      					startnum: 0,
      					endnum: 0
      				}],
      				preview_recharge_plan: [],
      				setting: {
      					tf_start_needpay: "",
      					tf_pay_bean: ""
      				},
      				huichuan: {
      					lqdhcbs: 0,
      					hour_backhaul: 24,
      					douyinRadio: 1,
      					firstorder: true,
      					newuser: false,

      					last_time: 0
      				},
      				huichuan1: {
      					hour_backhaul: 24,
      					douyin_url: "",
      					douyin_token: "",
      					douyinRadio: 0,

      					douyin_ReturnRatio: 0,
      					douyin_UnReturnRatio: 0,

      					firstorder: true,
      					newuser: false,
      					douyin: 100,
      					douyinMinPrice: 0,
      					douyinMaxPrice: 99999,


      					last_time: 0
      				},
      				tfid: 0, //临时存放
      				invite_code: 0, //临时存放
      				tv_name: "", //临时存放
      				tv_id: "", //临时存放
      				cloudfunction_path: "",
      				dialogVisible: false,
      				dialogVisible2: false,
      				dialogVisible3: false,
      				dialogVisible4: false,
      				dialogVisible5: false,
      				dialogVisible9: false,
      				//投放链接今日数据相关
      				dialogVisible1: false,
      				new_add_user: 0, //新增用户
      				new_users_moneysum: 0, //新用户充值金额
      				newUsers_payNumber: 0, //新用户充值人数
      				newUsers_rate: 0, //新用户付费率
      				newUsers_pcr: 0, //新用户人均充值金额
      				today_Recharge_amount: 0, //今日充值金额
      				today_recharges_Number: 0, //今日充值笔数
      				today_unit_price: 0, //笔单价
      				newUsers_pjnumbuer: 0,

      				showAddBtn: true,
      				domain: uni.getStorageSync("domain"),
      				// 页面是否请求中或加载中
      				loading: false,
      				// init请求返回的数据
      				data: {

      				},
      				// 表格相关开始 -----------------------------------------------------------
      				table1: {
      					rightBtnsMore: [{
      							title: '查看回传方案',
      							disabled: (item) => {
      								//控制该按钮对哪些数据生效
      								// return item._id == '63c54f03819ce8640cced33f'
      							},
      							onClick: (item) => {
      								console.log("获取回传的item", item);
      								this.dialogVisible2 = true;
      								this.tfid = item._id; //把tfid固定到本地
      								this.agentId = item.agentId; //把代理商邀请码固定到本地
      								this.setCallback(item.setting_kdpz)
      								// console.log(this.huichuan);
      							}
      						}, {
      							title: '监测链接',
      							disabled: (item) => {
      								//控制该按钮对哪些数据生效
      								// return item._id == '63c54f03819ce8640cced33f'
      							},
      							onClick: (item) => {
      								console.log("item=", item);
      								this.tfid = item._id; //把tfid固定到本地
      								this.invite_code = item.agentId; //把代理商邀请码固定到本地
      								this.dialogVisible4 = true;
      							}
      						},
      						{
      							title: '统计数据',
      							disabled: (item) => {

      							},
      							onClick: (item) => {
      								vk.callFunction({
      									url: 'admin/dls/kh/dytflj/tflink_today_data',
      									title: '请求中...',
      									data: {
      										item
      									},
      									success: (data) => {
      										console.log("data=>", data);
      										this.new_add_user = data.num; //新增用户数
      										this.new_users_moneysum = vk.pubfn.toDecimal(data
      											.new_users_moneysum / 100,
      											2); //新用户充值金额
      										this.newUsers_payNumber = data
      											.newUsers_payNumber; //新用户充值人数
      										this.newUsers_rate = vk.pubfn.toDecimal(data
      											.newUsers_payNumber / data.num * 100,
      											2); //新用户付费率
      										this.newUsers_pcr = vk.pubfn.toDecimal(this
      											.new_users_moneysum / data.num,
      											2); //新用户人均充值金额
      										this.today_Recharge_amount = vk.pubfn.toDecimal(data
      											.today_Recharge_amount / 100,
      											2); //今日充值金额
      										this.today_recharges_Number = data
      											.today_recharges_Number; //今日充值笔数
      										this.today_unit_price = vk.pubfn.toDecimal(this
      											.today_Recharge_amount / this
      											.today_recharges_Number, 2) //笔单价
      										this.dialogVisible1 = true;
      										this.newUsers_pjnumbuer = vk.pubfn.toDecimal(this
      											.new_users_moneysum / this
      											.newUsers_payNumber, 2)
      									}
      								});
      							}
      						}, {
      							title: '预览首充充值方案',
      							disabled: (item) => {
      								//控制该按钮对哪些数据生效
      								// return item._id == '63c54f03819ce8640cced33f'
      							},
      							onClick: async (item) => {
      								console.log("item=", item);
      								let info = await db.collection('a_czmb').doc(item.setting_czmb).get();
      								console.log("info", info.result.data);
      								this.preview_recharge_plan = info.result.data[0].bind_recharge
      								this.dialogVisible9 = true;
      							}
      						},
      						{
      							title: '预览非首充充值方案',
      							disabled: (item) => {
      								//控制该按钮对哪些数据生效
      								// return item._id == '63c54f03819ce8640cced33f'
      							},
      							onClick: async (item) => {
      								console.log("item=", item);
      								let info = await db.collection('a_czmb').doc(item.setting_again_czmb).get();
      								console.log("info", info.result.data);
      								this.preview_recharge_plan = info.result.data[0].bind_recharge
      								this.dialogVisible9 = true;
      							}
      						}
      					],
      					dataPreprocess: (list) => {
      						// 这里写自己的处理逻辑，最终返回处理完的list即可。
      						// list.map((item, index) => {
      						// 	item.tfurl = "https://www.xxxx.com/a.html?tfid=" + item._id;
      						// });
      						return list;
      					},
      					// 表格数据请求地址
      					action: "admin/dls/kh/dytflj/getList",
      					// 表格字段显示规则
      					columns: [{
      							key: "",
      							title: "广告ID/描述",
      							type: "group",
      							minWidth: 150,
      							align: "left",
      							columns: [{
      									"key": "ad_id",
      									"title": "广告ID",
      									"type": "text",
      								},
      								{
      									"key": "desc",
      									"title": "描述",
      									"type": "text",
      								}
      							],
      						},

      						{
      							key: "",
      							title: "推广链接/小程序路径",
      							type: "group",
      							minWidth: 500,
      							align: "left",
      							columns: [{
      									"key": "tfurl",
      									"title": "投放路径",
      									"type": "text",
      								},
      								{
      									"key": "xcxpath",
      									"title": "小程序path",
      									"type": "text",
      								},
      								{
      									"key": "setting_kdpz",
      									"title": "扣量模板id",
      									"type": "text",
      								},

      							],
      						},
      						{
      							key: "",
      							title: "绑定小程序",
      							type: "group",
      							minWidth: 220,
      							align: "left",
      							columns: [{
      									key: "appid",
      									title: "appid",
      									type: "text",
      									defaultValue: "未绑定"
      								},
      								{
      									key: "appname",
      									title: "小程序名称",
      									type: "text",
      									defaultValue: "未绑定"
      								},
      							],
      						},
      						{
      							key: "",
      							title: "剧集信息",
      							type: "group",
      							minWidth: 160,
      							align: "left",
      							columns: [{
      									"key": "tv_name",
      									"title": "剧名",
      									"type": "text",
      								},
      								{
      									"key": "series",
      									"title": "第几集",
      									"type": "text",
      								},
      								{
      									"key": "path",
      									"title": "页面路径",
      									"type": "text"
      								}
      							],
      						}

      					],
      					// 多选框选中的值
      					multipleSelection: [],
      					// 当前高亮的记录
      					selectItem: ""
      				},
      				// 表格相关结束 -----------------------------------------------------------
      				// 表单相关开始 -----------------------------------------------------------
      				// 查询表单请求数据
      				queryForm1: {
      					// 查询表单数据源，可在此设置默认值
      					formData: {

      					},
      					// 查询表单的字段规则 fieldName:指定数据库字段名,不填默认等于key
      					columns: [{
      							"key": "ad_id",
      							"title": "广告ID",
      							"type": "text",
      							"mode": "="
      						},
      						{
      							"key": "desc",
      							"title": "描述",
      							"type": "text",
      							"mode": "%%"
      						},
      						{
      							"key": "appid",
      							"title": "小程序appid",
      							"type": "text",
      							"mode": "="
      						},
      						{
      							"key": "setting_kdpz",
      							"title": "扣量模板id",
      							"type": "text",
      							"mode": "="
      						},
      						{
      							"key": "_id",
      							"title": "投放链接id",
      							"type": "text",
      							"width": 150,
      							"mode": "="
      						},
      					]
      				},
      				form1: {
      					// 表单请求数据，此处可以设置默认值
      					data: {
      						series: 1,
      						follow: 0,
      						recharge_amount: [],
      						domain: uni.getStorageSync("domain"),
      						appid: vk.vuex.get('$user.userInfo.appid') || "未绑定小程序",
      						appname: vk.vuex.get('$user.userInfo.appname') || "未绑定小程序",
      						album_id: "",
      						eid: ""
      					},
      					// 表单属性
      					props: {
      						// 表单请求地址
      						action: "",
      						// 表单字段显示规则
      						columns: [{
      								"key": "ad_id",
      								"title": "广告ID",
      								"type": "text",
      								"tips": "广告账户ID（仅做标记，无实际作用，可不填）"
      							},
      							{
      								"key": "desc",
      								"title": "描述",
      								"type": "text"
      							},
      							{
      								key: "setting_agent",
      								title: "付费卡点选择",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/dls/kh/settingTV/getList",
      								columns: [{
      										key: "set_name",
      										title: "卡点名",
      										type: "text",
      										nameKey: true,
      									},
      									{
      										key: "agent_pay",
      										title: "支付豆数",
      										type: "text"

      									},
      									{
      										key: "agent_series",
      										title: "付费集数",
      										type: "text"
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										idKey: true,
      										width: 1
      									},
      								],
      								multiple: false,
      								watch: (res) => {
      									//console.log("res.option",res.option);
      									//this.form1.data.setting_agent = res.option._id
      								}
      							},

      							{
      								key: "bind_repurchase_id",
      								title: "绑定挽留充值方案",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/dls/kh/repurchase/getList",
      								columns: [{
      										key: "subject",
      										title: "充值类型",
      										type: "text",
      									},
      									{
      										key: "recharge_amount",
      										title: "充值金额",
      										minWidth: 60,
      										type: "text"
      									},
      									{
      										key: "",
      										title: "充值详情",
      										type: "group",
      										minWidth: 60,
      										align: "left",
      										columns: [{
      												key: "bean",
      												title: "金豆数",
      												type: "text"
      											},
      											{
      												key: "days",
      												title: "天数",
      												type: "text"
      											},
      										],
      									},
      									{
      										key: "recharge_text",
      										title: "充值说明",
      										type: "text",
      										nameKey: true
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										width: 100,
      										idKey: true,
      									},
      								],
      								watch: (res) => {
      									console.log('1111111111111', res);
      									this.form1.data.bind_repurchase_id = res.value || ''
      								}
      							},
      							{
      								key: "tv_id",
      								title: "选主剧",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/pages/kh/dsjzxgl/dsj/getList",
      								columns: [{
      										key: "tv_name",
      										title: "剧名",
      										type: "text",
      										nameKey: true
      									},
      									{
      										key: "sub_tvname",
      										title: "副剧名",
      										type: "text"
      									},
      									{
      										key: "_id",
      										title: "剧id",
      										type: "text",
      										width: 260,
      										idKey: true
      									},
      									{
      										key: "tv_image",
      										title: "封面图",
      										type: "image"
      									},
      									{
      										key: "album_id",
      										title: "短剧ID",
      										type: "text"
      									},

      								],

      								watch: (res) => {
      									console.log("res.option.album_id===", res.option.album_id);
      									// console.log("watch", res.option),
      									this.form1.data.tv_name = res.option.tv_name
      									this.form1.data.album_id = res.option.album_id
      								}
      							},
      							{
      								key: "setting_kdpz",
      								title: "扣量方案配置",
      								type: "table-select",
      								placeholder: "选择",
      								width: 800,
      								action: "agent/setting/kh/getklmb",

      								columns: [{
      										"key": "koulianmc",
      										"title": "扣量方案名称",
      										"type": "text",

      										nameKey: true,
      									},
      									{
      										key: "koulianbz",
      										title: "扣量方案备注",
      										type: "text",
      										defaultValue: "未绑定"
      									},
      									{
      										key: "nickname",
      										title: "代理商昵称",
      										type: "text",
      										defaultValue: ""
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										idKey: true,
      										width: 1
      									},
      								],
      								multiple: false,
      								watch: (res) => {
      									console.log("res.option", res.option);
      									this.form1.data.setting_kdpz = res.option._id
      								}
      							},
      							{
      								key: "setting_czmb",
      								title: "充值模版选择(首充)",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/pages/kh/yhsj/czmb/getList",
      								columns: [{
      										"key": "subject",
      										"title": "分类",
      										"type": "text",
      										nameKey: true,
      									},
      									{
      										key: "appname",
      										title: "小程序名称",
      										type: "text",
      										defaultValue: "未绑定"
      									},
      									{
      										key: "nickname",
      										title: "代理商昵称",
      										type: "text",
      										defaultValue: ""
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										idKey: true,
      										width: 1
      									},
      								],
      								multiple: false,
      								watch: (res) => {
      									console.log("res.option", res.option);
      									this.form1.data.setting_czmb = res.option._id
      								}
      							},
      							{
      								key: "setting_again_czmb",
      								title: "充值模版选择(复充)",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/pages/kh/yhsj/czmb/getList",
      								columns: [{
      										"key": "subject",
      										"title": "分类",
      										"type": "text",
      										nameKey: true,
      									},
      									{
      										key: "appname",
      										title: "小程序名称",
      										type: "text",
      										defaultValue: "未绑定"
      									},
      									{
      										key: "nickname",
      										title: "代理商昵称",
      										type: "text",
      										defaultValue: ""
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										idKey: true,
      										width: 1
      									},
      								],
      								multiple: false,
      								watch: (res) => {
      									console.log("res.option", res.option);
      									this.form1.data.setting_again_czmb = res.option._id
      								}
      							},
      							{
      								"key": "tv_name",
      								"title": "剧名",
      								"type": "text",
      								"disabled": true
      							},
      							{
      								"key": "series",
      								"title": "第几集",
      								"type": "number",
      								"tips": "跳转到哪一集开始播放，一般是第一集",

      							},
      							{
      								"key": "appid",
      								"title": "小程序appid",
      								"type": "text",
      								"tips": "需要跳转到哪个小程序(非常重要)",
      								"disabled": true
      							},
      							{
      								"key": "appname",
      								"title": "小程序名字",
      								"type": "text",
      								"tips": "系统默认自动获取，无需填写",
      								"disabled": true
      							},
      							{
      								"key": "domain",
      								"title": "网页地址",
      								"type": "text",
      								"disabled": true
      							}

      						],
      						// 表单验证规则
      						rules: {
      							setting_kdpz: [{
      								required: true,
      								message: "请设置回传方案",
      								trigger: ['blur', 'change']
      							}],
      							tv_id: [{
      								required: true,
      								message: "请选择主剧",
      								trigger: ['blur', 'change']
      							}],
      							series: [{
      								required: true,
      								message: "请输入集数",
      								trigger: ['blur', 'change']
      							}],
      							appid: [{
      								required: true,
      								message: "请输入正确的appid,否则跳转会出错",
      								trigger: ['blur', 'change']
      							}],
      						},
      						// add 代表添加 update 代表修改
      						formType: "",
      						// 是否显示表单的弹窗
      						show: false
      					}
      				},
      				form2: {
      					// 表单请求数据，此处可以设置默认值
      					data: {
      						num: 0,
      						album_id: "",
      						series: 1,
      						recharge_amount: [],
      						tv_id: "",
      						tv_name: "",
      						domain: uni.getStorageSync("domain"),
      						appid: vk.vuex.get('$user.userInfo.appid') || "未绑定小程序",
      						appname: vk.vuex.get('$user.userInfo.appname') || "未绑定小程序"
      					},
      					// 表单属性
      					props: {
      						// 表单请求地址
      						action: "",
      						// 表单字段显示规则
      						columns: [{
      								"key": "num",
      								"title": "添加几条投放链接",
      								"type": "number",
      								"tips": "添加几条投放链接"
      							}, {
      								"key": "ad_id",
      								"title": "广告ID",
      								"type": "text",
      								"tips": "广告账户ID（仅做标记，无实际作用，可不填）"
      							},
      							{
      								"key": "desc",
      								"title": "描述",
      								"type": "text"
      							},
      							{
      								key: "bind_repurchase_id",
      								title: "绑定挽留充值方案",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/dls/kh/repurchase/getList",
      								columns: [{
      										key: "subject",
      										title: "充值类型",
      										type: "text",
      									},
      									{
      										key: "recharge_amount",
      										title: "充值金额",
      										minWidth: 60,
      										type: "text"
      									},
      									{
      										key: "",
      										title: "充值详情",
      										type: "group",
      										minWidth: 60,
      										align: "left",
      										columns: [{
      												key: "bean",
      												title: "金豆数",
      												type: "text"
      											},
      											{
      												key: "days",
      												title: "天数",
      												type: "text"
      											},
      										],
      									},
      									{
      										key: "recharge_text",
      										title: "充值说明",
      										type: "text",
      										nameKey: true
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										width: 100,
      										idKey: true,
      									},
      								],
      								watch: (res) => {
      									console.log('1111111111111', res);
      									this.form1.data.bind_repurchase_id = res.value || ''
      								}
      							},
      							{
      								key: "setting_agent",
      								title: "付费卡点选择",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/dls/kh/settingTV/getList",
      								columns: [{
      										key: "set_name",
      										title: "卡点名",
      										type: "text",
      										nameKey: true,
      									},
      									{
      										key: "agent_pay",
      										title: "支付豆数",
      										type: "text"

      									},
      									{
      										key: "agent_series",
      										title: "付费集数",
      										type: "text"
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										idKey: true,
      										width: 1
      									},
      								],
      								multiple: false,
      								watch: (res) => {
      									//console.log("res.option",res.option);
      									//this.form1.data.setting_agent = res.option._id
      								}
      							},
      							// {
      							// 	key: "backup",
      							// 	title: "选择配置回传项",
      							// 	type: "table-select",
      							// 	placeholder: "选择",
      							// 	action: "admin/dls/kh/configBackup/getList",
      							// 	columns: [{
      							// 			key: "adPlatform",
      							// 			title: "广告平台",
      							// 			type: "text",
      							// 			nameKey: true
      							// 		},
      							// 		{
      							// 			key: "_id",
      							// 			title: "回传配置id",
      							// 			type: "text",
      							// 			idKey: true
      							// 		},
      							// 		{
      							// 			key: "remark",
      							// 			title: "备注",
      							// 			type: "text"
      							// 		}, //备注
      							// 	]
      							// },
      							{
      								key: "tv_id",
      								title: "选主剧",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/pages/kh/dsjzxgl/dsj/getList",
      								columns: [{
      										key: "tv_name",
      										title: "剧名",
      										type: "text",
      										nameKey: true
      									},
      									{
      										key: "sub_tvname",
      										title: "副剧名",
      										type: "text"
      									},
      									{
      										key: "_id",
      										title: "剧id",
      										type: "text",
      										width: 260,
      										idKey: true
      									},
      									{
      										key: "tv_image",
      										title: "封面图",
      										type: "image"
      									},
      									{
      										key: "album_id",
      										title: "短剧ID",
      										type: "text"
      									},

      								],

      								watch: (res) => {
      									console.log("res.option.album_id===", res.option.album_id);
      									// console.log("watch", res.option),
      									this.form2.data.tv_name = res.option.tv_name
      									this.form2.data.album_id = res.option.album_id
      								}
      							},
      							{
      								key: "setting_kdpz",
      								title: "扣量方案配置",
      								type: "table-select",
      								placeholder: "选择",
      								action: "agent/setting/kh/getklmb",
      								columns: [{
      										"key": "koulianmc",
      										"title": "卡点名称",
      										"type": "text",
      										nameKey: true,
      									},
      									{
      										key: "koulianbz",
      										title: "卡点备注",
      										type: "text",
      										defaultValue: "未绑定"
      									},
      									{
      										key: "nickname",
      										title: "代理商昵称",
      										type: "text",
      										defaultValue: ""
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										idKey: true,
      										width: 1
      									},
      								],
      								multiple: false,
      								watch: (res) => {
      									console.log("res.option", res.option);
      									this.form1.data.setting_kdpz = res.option._id
      								}
      							},
      							{
      								key: "setting_czmb",
      								title: "充值模版选择(首充)",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/pages/kh/yhsj/czmb/getList",
      								columns: [{
      										"key": "subject",
      										"title": "分类",
      										"type": "text",
      										nameKey: true,
      									},
      									{
      										key: "appname",
      										title: "小程序名称",
      										type: "text",
      										defaultValue: "未绑定"
      									},
      									{
      										key: "nickname",
      										title: "代理商昵称",
      										type: "text",
      										defaultValue: ""
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										idKey: true,
      										width: 1
      									},
      								],
      								multiple: false,
      								watch: (res) => {
      									console.log("res.option", res.option);
      									this.form1.data.setting_czmb = res.option._id
      								}
      							},
      							{
      								key: "setting_again_czmb",
      								title: "充值模版选择(复充)",
      								type: "table-select",
      								placeholder: "选择",
      								action: "admin/pages/kh/yhsj/czmb/getList",
      								columns: [{
      										"key": "subject",
      										"title": "分类",
      										"type": "text",
      										nameKey: true,
      									},
      									{
      										key: "appname",
      										title: "小程序名称",
      										type: "text",
      										defaultValue: "未绑定"
      									},
      									{
      										key: "nickname",
      										title: "代理商昵称",
      										type: "text",
      										defaultValue: ""
      									},
      									{
      										key: "_id",
      										title: "id",
      										type: "text",
      										idKey: true,
      										width: 1
      									},
      								],
      								multiple: false,
      								watch: (res) => {
      									console.log("res.option", res.option);
      									this.form1.data.setting_again_czmb = res.option._id
      								}
      							},
      							{
      								"key": "tv_name",
      								"title": "剧名",
      								"type": "text",
      								"disabled": true
      							},
      							{
      								"key": "series",
      								"title": "第几集",
      								"type": "text",
      								"tips": "跳转到哪一集开始播放，一般是第一集"
      							},
      							{
      								"key": "appid",
      								"title": "小程序appid",
      								"type": "text",
      								"tips": "需要跳转到哪个小程序(非常重要)",
      								"disabled": true
      							},
      							{
      								"key": "appname",
      								"title": "小程序名字",
      								"type": "text",
      								"tips": "系统默认自动获取，无需填写",
      								"disabled": true
      							},
      							{
      								"key": "domain",
      								"title": "网页地址",
      								"type": "text",
      								"disabled": true
      							}
      						],
      						// 表单验证规则
      						rules: {

      							setting_kdpz: [{
      								required: true,
      								message: "请设置回传方案",
      								trigger: ['blur', 'change']
      							}],
      							tv_id: [{
      								required: true,
      								message: "请选择主剧",
      								trigger: ['blur', 'change']
      							}],
      							series: [{
      								required: true,
      								message: "请输入集数",
      								trigger: ['blur', 'change']
      							}],
      							appid: [{
      								required: true,
      								message: "请输入正确的appid,否则跳转会出错",
      								trigger: ['blur', 'change']
      							}],
      						},
      						// add 代表添加 update 代表修改
      						formType: "",
      						// 是否显示表单的弹窗
      						show: false
      					}
      				},
      				// 其他弹窗表单
      				formDatas: {},
      				// 表单相关结束 -----------------------------------------------------------
      			};
      		},
      		// 监听 - 页面每次【加载时】执行(如：前进)
      		onLoad(options = {}) {
      			console.log("domain", uni.getStorageSync("domain"));
      			that = this;
      			vk = that.vk;
      			that.options = options;
      			that.init(options);

      			vk.callFunction({
      				url: 'admin/pages/kh/yhsj/chudian/fnpath',
      				title: '请求中...',
      				data: {

      				},
      				success: (data) => {
      					console.log("data=", data);
      					let path = data.cloudfunction_path.replace('fc-mp-mp', 'fc-mp');
      					this.cloudfunction_path = path;
      				}
      			});
      		},
      		// 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快，会在页面进入动画完成前触发
      		onReady() {},
      		// 监听 - 页面每次【显示时】执行(如：前进和返回) (页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面)
      		onShow() {
      			let user_role = vk.vuex.get('$user.userInfo.role');
      			if (user_role.includes("admin")) {
      				this.$alert('这是代理商页面，管理员请勿操作。如需添加投放链接，请先创建一个代理商账号，再登录代理商账号进行添加。即将前往【代理商账号】页面', '提示', {
      					confirmButtonText: '确定',
      					callback: action => {
      						uni.navigateTo({
      							url: "/pages/admin/dlsgl/agent"
      						})
      					}
      				});
      			}
      		},
      		// 监听 - 页面每次【隐藏时】执行(如：返回)
      		onHide() {},
      		// 函数
      		methods: {
      			deleteRange(index) {
      				// 删除指定索引的金额范围组
      				this.amountRanges.splice(index, 1);
      			},
      			addRange() {
      				// 添加新的金额范围组
      				this.amountRanges.push({
      					startAmount: 0,
      					endAmount: 99999,
      					radio: 1,
      					startnum: 0,
      					endnum: 0
      				});

      				console.log("555", this.amountRanges);
      			},
      			//保存剧卡点设置
      			saveSetting() {
      				if (this.setting.tf_start_needpay == "" || this.setting.tf_pay_bean == "") {
      					this.$message({
      						message: '付费集数或付费豆数不能为空',
      						type: 'error'
      					});
      				} else {
      					vk.callFunction({
      						url: 'admin/dls/kh/settingTV/add',
      						title: '请求中...',
      						data: {
      							tfid: this.tfid,
      							tv_id: this.tv_id,
      							tv_name: this.tv_name,
      							agent_series: this.setting.tf_start_needpay,
      							agent_pay: this.setting.tf_pay_bean,

      						},
      						success: (data) => {
      							this.$message({
      								message: '保存成功',
      								type: 'success'
      							});
      						}
      					});
      				}

      			},
      			async setCallback(setting_kdpz) {
      				// console.log("22222222222222222222222222",item._id);
      				let huichuans = await db.collection('a_klmb').where({
      					_id: setting_kdpz
      				}).get()
      				console.log("11111111111111111", huichuans.result.data[0]);
      				this.time = huichuans.result.data[0].update_date
      				this.huichuan = huichuans.result.data[0].huichuana

      				this.amountRanges = huichuans.result.data[0].amountRanges
      			},
      			// 保存回传比例
      			saveRebackPercent() {
      				this.dialogVisible2 = false;


      				// vk.callFunction({
      				// 	url: 'agent/setting/kh/RebackPercent',
      				// 	title: '请求中...',
      				// 	data: {
      				// 		type: "save",
      				// 		tfid: this.tfid,
      				// 		huichuan: this.huichuan,
      				// 		amountRanges: this.amountRanges
      				// 	},
      				// 	success: (data) => {
      				// 		this.$message({
      				// 			message: '保存成功',
      				// 			type: 'success'
      				// 		});
      				// 		this.dialogVisible2 = false;
      				// 	}
      				// });

      			},
      			douyin() {
      				let dataurl =
      					"/agent/callback/pub/ttcallback?pt=douyin&timestamp=__TS__&ip=__IP__&aid=__AID__&cid=__CID__&advertiser_id=__ADVERTISER_ID__&os=__OS__&ua=__UA__&callback=__CALLBACK_PARAM__&tfid=" +
      					this.tfid + "&invite_code=" + this.invite_code;
      				this.copy_url("抖音", dataurl)
      			},



      			copy_url(pt, dataurl) {
      				let full_link = this.cloudfunction_path + dataurl
      				uni.showModal({
      					title: pt + "监测链接如下：",
      					content: full_link,
      					confirmText: "复制",
      					showCancel: false,
      					success(res) {
      						if (res.confirm) {
      							uni.setClipboardData({
      								data: full_link,
      								success() {
      									vk.toast('复制成功');
      								}
      							})
      						}
      					}
      				})
      			},
      			handleClose() {
      				this.dialogVisible1 = false;
      			},
      			handleClose2() {
      				this.dialogVisible2 = false;
      			},
      			handleClose3() {
      				this.dialogVisible3 = false;
      			},
      			handleClose4() {
      				this.dialogVisible4 = false;
      			},
      			handleClose5() {
      				this.dialogVisible5 = false;
      			},
      			handleClose9() {
      				this.dialogVisible9 = false;
      			},
      			// 页面数据初始化函数
      			init(options) {
      				originalForms["form1"] = vk.pubfn.copyObject(that.form1);
      			},
      			// 页面跳转
      			pageTo(path) {
      				vk.navigateTo(path);
      			},
      			// 表单重置
      			resetForm() {
      				vk.pubfn.resetForm(originalForms, that);
      			},
      			// 搜索
      			search() {
      				that.$refs.table1.search();
      			},
      			// 刷新
      			refresh() {
      				that.$refs.table1.refresh();
      			},
      			// 获取当前选中的行的数据
      			getCurrentRow() {
      				return that.$refs.table1.getCurrentRow();
      			},
      			// 监听 - 行的选中高亮事件
      			currentChange(val) {
      				that.table1.selectItem = val;
      			},
      			// 当选择项发生变化时会触发该事件
      			selectionChange(list) {
      				that.table1.multipleSelection = list;
      			},
      			// 显示添加页面
      			addBtn() {
      				that.resetForm();
      				that.form1.props.action = 'admin/dls/kh/dytflj/add';
      				that.form1.props.formType = 'add';
      				that.form1.props.title = '添加';
      				that.form1.props.show = true;
      			},
      			// 显示修改页面
      			updateBtn({
      				item
      			}) {
      				that.form1.props.action = 'admin/dls/kh/dytflj/update';
      				that.form1.props.formType = 'update';
      				that.form1.props.title = '编辑';
      				that.form1.props.show = true;
      				that.form1.data = item;
      			},
      			// 删除按钮
      			deleteBtn({
      				item,
      				deleteFn
      			}) {
      				deleteFn({
      					action: "admin/dls/kh/dytflj/delete",
      					data: {
      						_id: item._id
      					},
      				});
      			},
      			//批量设置回传方案
      			saveBatchupRebackPercent() {

      				vk.callFunction({
      					url: 'agent/setting/kh/batchup',
      					title: '请求中...',
      					data: {
      						lists: this.table1.multipleSelection,
      						huichuan: this.huichuan
      					},
      					success: (data) => {
      						this.huichuan = this.huichuan1
      						vk.alert('批量设置完成!');
      						this.refresh()
      						this.dialogVisible3 = false;

      					}
      				});
      			},
      			//显示批量添加页面
      			batchaddBtn() {
      				that.resetForm();
      				that.form2.props.show = true;
      			},
      			batchAdd(item) {
      				console.log("item==", item);
      				if (item.num == 0) {
      					vk.alert('必须填写添加数量');
      					return;
      				}

      				if (item.tv_name == "" || item.tv_id == "") {
      					vk.alert('必须选择主剧');
      					return;
      				}

      				let album_id = item.album_id
      				let ad_id = item.ad_id
      				let appid = item.appid
      				let appname = item.appname
      				let bind_recharge = item.bind_recharge
      				let desc = item.desc
      				let domain = item.domain
      				let num = item.num
      				let recharge_amount = item.recharge_amount
      				let setting_czmb = item.setting_czmb
      				let setting_kdpz = item.setting_kdpz
      				let setting_again_czmb = item.setting_again_czmb
      				let series = item.series
      				let tv_id = item.tv_id
      				let tv_name = item.tv_name
      				let setting_agent = item.setting_agent
      				let bind_repurchase_id = bind_repurchase_id


      				for (var i = 0; i < num; i++) {
      					setTimeout(() => {
      						vk.callFunction({
      							url: 'admin/dls/kh/dytflj/add',
      							title: '请求中...',
      							data: {
      								// backup,
      								ad_id,
      								appid,
      								appname,
      								bind_recharge,
      								setting_czmb,
      								setting_kdpz,
      								setting_again_czmb,
      								album_id,

      								// recharge_amount,
      								desc,
      								domain,
      								series,
      								tv_id,
      								tv_name,
      								setting_agent,
      								bind_repurchase_id
      							},
      							success: (data) => {

      							}
      						});
      					}, i * 500)

      					if ((i + 1) == num) {
      						this.form2.props.show = false; //关闭编辑窗口

      						setTimeout(() => {
      							location.reload()
      						}, (i + 2) * 500)
      					}
      				}
      			},

      			// 监听 - 批量操作的按钮点击事件
      			batchBtn(index) {
      				switch (index) {
      					case 1:

      						this.dialogVisible3 = true;
      						this.huichuan = this.huichuan1

      						break;
      					case 2:
      						vk.toast("批量操作按钮2");
      						break;
      					default:
      						break;
      				}
      			}
      		},
      		// 监听属性
      		watch: {

      		},
      		// 过滤器
      		filters: {

      		},
      		// 计算属性
      		computed: {

      		}
      	};
      </script>
      <style lang="scss" scoped>
      	.page-body {}

      	.center-align-number {
      		text-align: center;
      	}


      	.topbox {
      		width: 23%;
      		height: 90px;
      		display: flex;
      		flex-direction: column;
      		justify-content: space-evenly;
      		/* box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.2), 0 6rpx 20rpx 0 rgba(0, 0, 0, 0); */
      		margin: 20px 20px 0rpx 0;
      		padding: 15px 30px;
      		border-radius: 10rpx;
      		background-color: #fff;
      	}

      	.box2 {
      		width: 95%;
      		display: flex;
      		flex-wrap: wrap;
      		box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.2), 0 6rpx 20rpx 0 rgba(0, 0, 0, 0);
      		margin: 20rpx;
      		padding: 20rpx;
      		border-radius: 20rpx;
      	}

      	.numstyle {
      		color: #4c4c4c;
      		font-size: larger;
      		/* font-weight: bold; */
      	}

      	/* 请根据实际需求修改父元素尺寸，组件自动识别宽高 */
      	.charts-box {
      		width: 100%;
      		height: 450px;
      	}

      	.boxTemplate {
      		width: 800rpx;
      		margin: 0 auto;
      		display: flex;
      		flex-wrap: wrap;

      		.Scheme {
      			width: 350rpx;
      			height: 180rpx;
      			margin: 20rpx 0;

      			.Schemecontent {
      				width: 94%;
      				height: 180rpx;
      				border-radius: 12rpx;
      				margin: 0 auto;
      				position: relative;
      				background-image: url("../../static/tehui.png");
      				background-size: 100% 180rpx;

      				view {
      					position: absolute;
      				}

      				.Judge {
      					padding: 0px 40rpx;
      					text-align: center;
      					color: #e5563b;
      					background-image: url("../../static/tehuis.png");
      					background-size: 100% 100%;
      					border-radius: 12rpx 0 12rpx 0;
      					font-size: 26rpx;
      					font-weight: 600;
      				}

      				.RechargeAmount {
      					font-weight: 600;
      					font-size: 36rpx;
      					left: 5%;
      					top: 25%;
      				}

      				.GiveBean {
      					padding: 0 20rpx;
      					font-size: 24rpx;
      					font-weight: 600;
      					background-color: #f55125;
      					color: #fff;
      					border-radius: 50rpx;
      					left: 40%;
      					top: 29%;
      				}

      				.RechargeText {
      					font-size: 28rpx;
      					font-weight: 600;
      					left: 8%;
      					bottom: 23%;
      				}

      				.PercentageUser {
      					color: #e37f75;
      					font-size: 24rpx;
      					font-weight: 600;
      					right: 20rpx;
      					bottom: 10rpx;
      				}
      			}

      			.Schemecontents {
      				width: 94%;
      				height: 180rpx;
      				border-radius: 12rpx;
      				margin: 0 auto;
      				background-color: #e8e8e8;
      				position: relative;


      				view {
      					position: absolute;
      				}


      				.RechargeAmount {
      					font-weight: 600;
      					font-size: 36rpx;
      					left: 3%;
      					top: 20%;
      				}

      				.GiveBean {
      					padding: 0rpx 20rpx;
      					font-size: 24rpx;
      					font-weight: 600;
      					background-color: #f55125;
      					color: #fff;
      					border-radius: 50rpx;
      					left: 38%;
      					top: 24%;
      				}

      				.RechargeText {
      					font-size: 24rpx;
      					font-weight: 600;
      					left: 5%;
      					bottom: 20%;
      				}
      			}

      			.Schemecontentss {
      				width: 94%;
      				height: 180rpx;
      				border-radius: 14rpx;
      				margin: 0 auto;
      				position: relative;
      				background-image: url("../../static/huiyuan.png");
      				background-size: 100% 180rpx;

      				view {
      					position: absolute;
      				}

      				.Judge {
      					padding: 0px 40rpx;
      					text-align: center;
      					color: #e5563b;
      					background-color: #fafc43;
      					border-radius: 12rpx 0 12rpx 0;
      					font-size: 26rpx;
      					font-weight: 600;
      				}

      				.RechargeAmount {
      					color: #ffffff;
      					font-weight: 600;
      					font-size: 32rpx;
      					left: 5%;
      					top: 25%;
      				}

      				.RechargeText {
      					color: #f2e4d8;
      					font-size: 28rpx;
      					font-weight: 500;
      					left: 5%;
      					bottom: 20%;
      				}

      			}
      		}
      	}

      	.container {
      		display: flex;
      		flex-direction: column;
      		// align-items: center;
      		padding: 20upx;
      	}

      	.amount-range {
      		width: 100%;
      		display: flex;
      		align-items: center;

      	}

      	.amount-input {
      		display: flex;
      		align-items: center;

      	}

      	.amountput {
      		//    		width: 200upx;
      		//    		height: 80upx;
      		//    		border: 1px solid #ccc;
      		display: flex;
      		text-align: center;
      		align-items: center;
      		margin: 30rpx;
      		// margin-right: 10upx;
      	}

      	.amountput input {
      		width: 200upx;
      		height: 80upx;
      		border: 1px solid #ccc;
      		display: flex;
      		margin: 40rpx;
      		text-align: center;
      		// margin-right: 10upx;
      	}

      	.amountputmm {
      		display: flex;
      		text-align: center;
      		align-items: center;
      		margin: 30rpx;

      	}

      	.amountputmm input {
      		width: 100upx;
      		height: 40upx;
      		border: 1px solid #ccc;
      		display: flex;
      		margin: 40rpx;
      		text-align: center;
      		// margin-right: 10upx;
      	}

      	.jihua {
      		display: flex;
      		align-items: center;
      	}

      	.jihua input {
      		width: 100upx;
      		height: 40upx;
      		border: 1px solid #ccc;
      		text-align: center;
      		display: flex;
      		margin: 40rpx;
      		// text-align: center;
      		// margin-right: 10upx;
      	}


      	.options {
      		display: flex;
      		justify-content: space-around;
      		align-items: center;
      		margin-left: 20rpx;

      	}

      	.option {
      		padding: 10upx 20upx;
      		border: 1px solid #ccc;
      		border-radius: 5upx;
      	}

      	.option.selected {
      		background-color: #ccc;
      	}

      	button {
      		width: 300upx;
      	}
      </style>